<template>
  <div class="logic-flow-view">
    <long-flowlong-designe :highLight="highLight" :viewer="false" ref='designer' :value="flowData" />
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue'
import demoData from '../assets/data.json'

const flowData = ref(demoData)

const highLight = ref({
  historyNodeNames: [
    'start',
    'apply'
  ],
  historyEdgeNames: [
    '3037be41-5682-4344-b94a-9faf5c3e62ba',
    'c79642ae-9f28-4213-8cdf-0e0d6467b1b9'
  ],
  activeNodeNames: [
    'approveDept'
  ]
})
</script>

<style scoped>
.logic-flow-view {
  height: 100vh;
  position: relative;
}
</style>
